<template>
	<div class="home-header">
		<mu-appbar class='home-app-bar' style="width: 100%;" color="primary" z-depth='0'>
			<mu-button icon slot="left">
				<mu-icon value="menu"></mu-icon>
			</mu-button>
			<slot></slot>
			<mu-menu slot="right">
				<mu-button flat>更多</mu-button>
				<mu-list slot="content">
					<mu-list-item button>
						<mu-list-item-content>
							<mu-list-item-title>论坛</mu-list-item-title>
						</mu-list-item-content>
					</mu-list-item>
					<mu-list-item button>
						<mu-list-item-content>
							<mu-list-item-title>在线聊天室</mu-list-item-title>
						</mu-list-item-content>
					</mu-list-item>
				</mu-list>
			</mu-menu>
		</mu-appbar>	
	</div>
</template>

<script>
	export default {
		name: 'home-header'
	}
</script>

<style lang="stylus" scoped>
	.home-app-bar
		height:1.4rem
</style>
